<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
<title>Selamat Datang di Pusat Informasi Pesantren Zainul Hasan Genggong - Sistem Informasi Pesatren</title>
<link href="assetx/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assetx/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="assetx/css/mystyle.css" rel="stylesheet" type="text/css">


</head>
<body>
<![if !IE]>
<!--menu-->
<div class="navbar navbar-inverse navbar-fixed-top menu-atas">
      <div class="container">
        <div class="navbar-header">
          <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
            <span class="icon-bar">test </span>
            <span class="icon-bar">dua</span>
            <span class="icon-bar">tiga</span>
          </button>
          <a href="#" class="navbar-brand">&nbsp;<span class="fa fa-home pad"></span>&nbsp;</a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li><a href="#">Tentang Website</a></li>
            <li><a href="#about">Layanan</a></li>
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">Santri Baru<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">Wali Santri <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#">Pengurus & Guru <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right">

            <li class="dropdown">
              <a data-toggle="dropdown" class="dropdown-toggle" href="#"><span class="fa fa-puzzle-piece"></span> PZH-Link<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li class="dropdown-header">Nav header</li>
                <li><a href="#">Separated link</a></li>
                <li><a href="#">One more separated link</a></li>
              </ul>
            </li>
            
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>
<!--menu-end-->

<div class="container">
<div class="head-top"><img src="assetx/img/logo_pzh.png"  class="img-responsive gambar-headerku" alt="Responsive image"></div>


</div>


<div class="container container-bg">

<div class="col-xs-9">

<div class="panel panel-default  bg-conten">
 <div id="carousel-example-generic" class="carousel slide">
  <!-- Indicators -->


  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="assetx/img/1.jpg" alt="satu" class="img-responsive" alt="Responsive image">
      
    </div>
    <div class="item">
      <img src="assetx/img/2.jpg" alt="dua" class="img-responsive" alt="Responsive image">
      
    </div>
    <div class="item">
      <img src="assetx/img/3.jpg" alt="Tiga" class="img-responsive" alt="Responsive image">
    </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
    <span class="icon-prev"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
    <span class="icon-next"></span>
  </a>
</div>
<!--end of slider carouser-->

</div>


<div class="panel panel-primary">
<div class="panel-heading" id="border-orange-bawah"><i class="fa fa-star fa-spin" ><a href="/localhost"></a> </i> &nbsp;&nbsp;<b>Pengumuman Terbaru </b><span class="pull-right"><b><i class="fa fa-folder"></i> Arsip</b></span></div>
  <div class="panel-body">
    <div class="bs-callout bs-callout-info">
      <h4>Telah Hadir Lagi Mujiayat Mubarokah Pesantren Zainul Hasan Genggong Probolinggo</h4>
            <h5><span class="label label-pengumuman"><span class="fa fa-bookmark-o"></span>  Pengumuman Dari :</span><span class="label label-pengumuman-samping"> Biro Kominfo</span></h5>
    </div>
     <div class="bs-callout bs-callout-info">
      <h4>Telah Hadir Lagi Mujiayat Mubarokah Pesantren Zainul Hasan Genggong Probolinggo</h4>
            <h5><span class="label label-pengumuman"><span class="fa fa-bookmark-o"></span>  Pengumuman Dari :</span><span class="label label-pengumuman-samping"> Biro Kominfo</span></h5>
    </div>
     <div class="bs-callout bs-callout-info">
      <h4>Telah Hadir Lagi Mujiayat Mubarokah Pesantren Zainul Hasan Genggong Probolinggo</h4>
           <h5><span class="label label-pengumuman"><span class="fa fa-bookmark-o"></span>  Pengumuman Dari :</span><span class="label label-pengumuman-samping"> Biro Kominfo</span></h5>
    </div>
     <div class="bs-callout bs-callout-info">
      <h4>Telah Hadir Lagi Mujiayat Mubarokah Pesantren Zainul Hasan Genggong Probolinggo</h4>
            <h5><span class="label label-pengumuman"><span class="fa fa-bookmark-o"></span>  Pengumuman Dari :</span><span class="label label-pengumuman-samping"> Biro Kominfo</span></h5>
    </div>
     <div class="bs-callout bs-callout-info">
      <h4>Telah Hadir Lagi Mujiayat Mubarokah Pesantren Zainul Hasan Genggong Probolinggo</h4>
      <h5><span class="label label-pengumuman"><span class="fa fa-bookmark-o"></span>  Pengumuman Dari :</span><span class="label label-pengumuman-samping"> Biro Kominfo</span></h5>
    </div>
  </div>
</div>


<div class="panel panel-primary">
  <div class="panel-heading" id="border-orange-bawah"><i class="fa fa-bar-chart-o"> </i> &nbsp;&nbsp;<b>Statistik Santri</b></div>

  <div class="panel-body">
    <img src="assetx/img/sample.png" width="835" height="282" alt="ChartSantri"> </div>
</div>

<div class="panel panel-primary">
  <div class="panel-heading" id="border-orange-bawah"><i class="fa fa-bar-chart-o"> </i> &nbsp;&nbsp;<b>Statistik Santri</b></div>

  <div class="panel-body col-1">
  
  </div>
</div>

</div>
<!--Col-lg-3-->
<div class="col-xs-3">
<!--Widget 1 -->
<div class="list-group ">
  <a href="#" class="list-group-item panel-head1">
    <img src="assetx/img/quick.png" alt="QuickLink" width="242">
  </a>
  <a href="#" class="list-group-item">
    <h4 class="list-group-item-heading"><span class="fa fa-user"></span>&nbsp;&nbsp;<b>SANTRI BARU</b></h4>
    <p class="list-group-item-text">Pengumuman, Informasi Syarat, Ketentuan dan Biaya Pendaftaran</p>
  </a>
  <a href="#" class="list-group-item">
    <h4 class="list-group-item-heading"><span class="fa fa-group"></span>&nbsp;&nbsp;<b>WALI SANTRI</b></h4></h4>
    <p class="list-group-item-text">Informasi Seputar Kegiatan Santri, Pengumuman dan Informasi Lainnya</p>
  </a>
  <a href="#" class="list-group-item">
    <h4 class="list-group-item-heading"><span class="fa fa-sitemap"></span>&nbsp;&nbsp;<b>STAFF & GURU</b></h4>
    <p class="list-group-item-text">Informasi dan Pengumuman Terbaru untuk Pengurus dan Guru</p>
  </a>
  <a href="#" class="list-group-item">
    <h4 class="list-group-item-heading"><span class="fa fa-smile-o"></span>&nbsp;&nbsp;<b>ALUMNI & UMUM</b></h4>
    <p class="list-group-item-text">Pendaftaran, Informasi Event dan Hal Penting Lainnya</p>
  </a>
</div>
<!--Widget 2 -->
<div class="panel panel-primary">
  <div class="panel-heading" id="border-orange-bawah"> <i class="fa fa-external-link"></i>&nbsp;&nbsp; <b>Tetap Terhubung</b></div>

  
<div class="list-group ">
  <a href="#" class="btn custom-font-widget2">
    <h4 class="list-group-item-heading"><span class="fa fa-facebook-square"></span>&nbsp;&nbsp;<b>Facebook</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-twitter-square"></span>&nbsp;&nbsp;<b>Twitter</b></h4></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-linkedin-square"></span>&nbsp;&nbsp;<b>LinkedIn</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-youtube-square"></span>&nbsp;&nbsp;<b>Youtube</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-flickr"></span>&nbsp;&nbsp;<b>Flickr</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-foursquare"></span>&nbsp;&nbsp;<b>Foursquare</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-quote-left"></span>&nbsp;&nbsp;<b>Official Blog</b></h4>
  </a><br>
</div>


</div>
<!--Widget 3 -->
<div class="panel panel-primary">
  <div class="panel-heading" id="border-orange-bawah"><span class="fa fa-external-link-square"></span>&nbsp;&nbsp;<b>Link Lembaga</b></div>
<div class="list-group">
  <a href="#" class="btn custom-font-widget2">
    <h4 class="list-group-item-heading"><span class="fa fa-facebook-square"></span>&nbsp;&nbsp;<b>SD ZAHA</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-twitter-square"></span>&nbsp;&nbsp;<b>MI ZAHA</b></h4></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-linkedin-square"></span>&nbsp;&nbsp;<b>SMP ZAHA</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-youtube-square"></span>&nbsp;&nbsp;<b>MTS ZAHA</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-flickr"></span>&nbsp;&nbsp;<b>SMA ZAHA</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-foursquare"></span>&nbsp;&nbsp;<b>SMK ZAHA</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-reorder"></span>&nbsp;&nbsp;<b>MA ZAHA</b></h4>
  </a><br>
  <a href="#" class="btn">
    <h4 class="list-group-item-heading"><span class="fa fa-quote-left"></span>&nbsp;&nbsp;<b>SMA UNGGULAN ZAHA</b></h4>
  </a><br>
</div></div>
<!--Widget 4 -->
<div class="panel panel-primary">
  <div class="panel-heading" id="border-orange-bawah">Berita Terbaru w3</div>

  <div class="panel-body col-1">
    Panel content
  </div>
</div>
<!--Widget 5 -->
<div class="panel panel-primary">
  <div class="panel-heading" id="border-orange-bawah"> Berita Terbaru</div>
  <div class="panel-body col-1">
    Panel content
  </div>
</div>
</div>

</div><br><br><br>
<div class="panel-footer bg-footer">

<div class="container text-muted">

	<div class="col-xs-3">
<div class="well well-sm alert-info"><img src="assetx/img/Capture.JPG" width="263" height="104"></div>

    </div>
    <div class="col-xs-3">
  <h4 class="text-warning"><b><span class="fa fa-2x fa-building">&nbsp;</span>&nbsp;<i>Lembaga Pendidikan</i></b></h4><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">MI Zainul Hasan</a><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">SD Zainul Hasan</a><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">SMP Zainul Hasan</a><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">MTs Zainul Hasan</a><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">SMA Zainul Hasan</a><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">MA Zainul Hasan</a><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">SMK Zainul Hasan</a><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">SMA UNGGULAN ZH</a><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">MA MODEL ZH</a><br>
    </div>
    <div class="col-xs-3">
  <h4 class="text-warning"><b><span class="fa fa-2x fa-building">&nbsp;</span>&nbsp;<i>Lembaga Pendidikan</i></b></h4><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">STIH Zainul Hasan</a><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">STAI Zainul Hasan</a><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">STIKOM Hafshawaty ZH</a><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">STIKES Hafshawaty ZH</a><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">AKPER Hafshawaty ZH</a><br>
  <span class="fa fa-chevron-right"></span>&nbsp;<a href="#" title="#" target="_blank">AKBID Hafshawaty ZH</a><br>
    </div>
    <div class="col-xs-3">
    <h4 class="text-warning"><b><span class="fa fa-2x fa-map-marker">&nbsp;</span>&nbsp;<i>Kantor Pusat</i></b></h4>
<address>
  <strong>Pesantren Zainul Hasan Genggong</strong><br>
  Kantor PIP, Lt.1 Pajarakan, Probolinggo<br>
  Jawa Timur, 94107<br>

  <strong class="text-warning"><span class="fa fa-flag">&nbsp;</span>&nbsp;Kontak</strong><br>
  <span class="fa fa-phone-square"></span>&nbsp;(0332) 092-233&nbsp;<span class="label">Pondok Putra</span><br>
  <span class="fa fa-phone-square"></span>&nbsp;(0332) 092-233&nbsp;<span class="label">Pondok Putri</span><br>
  <span class="fa fa-phone-square"></span>&nbsp;(0332) 092-233&nbsp;<span class="label">Faximile</span><br>
  <span class="fa fa-envelope"></span>&nbsp; info@pzhgenggong.or.id<br>
  </address>

    </div>
</div>

</div>
<![endif]>

<!--[if IE ]>


<div class="warning-ie">Maaf Website Ini Tidak Mendukung Browser Anda. Kami Merekomendasikan Anda Menggunakan Browser Mozilla Firefox, Google Chrome/Chromium, Apple Safari Atau Opera Browser,<br> Kunjungi Website <b><a href="http://browsehappy.com/">BrowseHappy.com</a></b> untuk mendapatkan informasi seputar browser terbaik yang dapat anda gunakan</div>
<![endif]-->
<!--biar kenceng loadnya -->
<script src="assetx/js/jquery-1.10.2.min.js"></script>
<script src="assetx/js/bootstrap.min.js"></script>
<script src="assetx/js/jquery-migrate-1.2.1.min.js"></script>
<script src="assetx/js/Chart.js"></script>
</body>
</html>
